@charset "utf-8";

/* 引入重置样式 */
//@import "./css/reset.css;

// REM
@function r($px){
    @return ($px/40) * 1rem;    
}

// 减半
@function half($px){
    @return ($px/2) * 1px;    
}


*{
    margin: 0;
    padding: 0;
    list-style: none;
}

html,body{
    height: 100%;
    position: relative;
}


//头部
header{  
    position: absolute;
    top: 0;
    width: r(750);
    height: half(105);
    padding-top:22px;
    padding-left: half(22);
    padding-right: 11px;
    box-sizing: border-box;
        .Back{ 
          
            width: half(123);
            height: half(57);
               background-color: #ffffff;
                border-radius: half(20);
                border: solid 1px #ff9344;
                p{ 
                    width: half(123);
                     height: half(57);
                    text-align: center;
                    line-height: half(57);
                    font-size: half(26);
                    color: #000000;
                }
        } 
    h1{ 
            width: r(80);
            text-align: center;
            height: 18px;
            font-family: MicrosoftYaHei;
            font-size: 14px;
            font-weight: normal;
            font-stretch: normal;
            line-height: 18px;
            letter-spacing: 0px;
            color: #000000;
            margin:0 auto;
          margin-top: 8px;
    }
    
    .xinfeng{ 
        
        width: half(62);
        height: half(56);
        img{ 
              width: half(62);
        height: half(56);
        }
    }
    
}

section{
    position: absolute;
    top: half(105);
    bottom:half(135);
    width: r(750);
    overflow: scroll;
    -webkit-overflow-scrolling: touch;  
    
    .land{	  
        box-sizing: border-box;
        width: 100%;
        height: r(216);  
         padding-top: 9px;
           padding-right: 11px;
        .touxiang{ 
            margin-left: r(23); 
            overflow: hidden;
            width: r(170);
            height: r(170);
            border-radius: 50%;
           img{
              
               width: 100%;
               height: 100%;
           }
        }
        
        
    
    .text{	  
               margin-left: r(25); 
        width: r(400);
        height: 100%;
        h1{
            margin-top: r(34);
            width: r(200);
            height:r(30);
            font-family: MicrosoftYaHei;
            font-size: r(30);
            font-weight: normal;
            font-stretch: normal;
            line-height: r(30);
            letter-spacing: 0px;
            color: #000000;
        }
        h2{
              margin-top: r(37);
            width:r(200);
           height:r(30);
            font-family: MicrosoftYaHei;
            font-size: r(26);
            font-weight: normal;
            font-stretch: normal;
              line-height: r(26);
            letter-spacing: 0px;
            color: #9d9d9d;
        }
    }   
    
    .nextbt{ 
        
        width: r(41);
        height: r(46);
        img{
            margin-top: r(60);
            width: 100%;
            height: 100%;
        }
    }
    }
    
    .box{  
        width: r(750);
         height: r(151);
         box-sizing: border-box;
         padding: 0 r(13);
          .yjiuyang{
          
                width: r(195);
                height: r(151);
                img{
                    width: r(195);
                    height: r(151);
                }
            }
         .shoucang{
          margin:0 auto;
         } 
              
    }
    
    .funtion{ 
        margin-top: r(30);
        width: r(750);
        height: r(80);

        
        .middle{ 
            width: r(500);
            height: r(75);
            margin: 0 auto;
            p{ 
                    width: r(200);
                    height: r(75);
                    font-family: MicrosoftYaHei;
                    font-size:r(26);
                    font-weight: normal;
                    font-stretch: normal;
                    line-height:  r(75);
                    letter-spacing: 0px;
                    color: #000000;
            }
        }
        .more{
            box-sizing: border-box;
            padding-right: 2px;
            margin-top: r(25);
            width: r(100);
            height: r(35);
            span{
                display: inline-block;
                width: r(52);
                height:r(35);
                font-family: MicrosoftYaHei;
                font-size: r(24);
                font-weight: normal;
                font-stretch: normal;
                line-height: r(25);
                letter-spacing: 0px;
                color: #000000;
                vertical-align: top;
            }
            img{
                margin-left: 0;
                margin-top: r(1);
                width: r(25);
                height: r(26);
                vertical-align: top;
            }
        }
        
    }
    
     .t1 img{ 
            margin-left: r(17);
            width: r(57);
            height: r(74);
        }
    .t2 img{
         margin-left: r(17);
        width: r(71);
        height: r(74);
    }
    .t3 img{
         margin-left: r(17);
        width: r(94);
        height: r(58);
    }
    .t4 img{
         margin-left: r(17);
        width: r(59);
        height: r(59);
    }
     .t5 {
         margin-top: r(79);
         img{        
         margin-left: r(17);
        width: r(78);
        height: r(79); 
    }
    }
     .t6 img{
         margin-left: r(17);
        width: r(84);
        height: r(59);
    }
    
    .button{
        width: r(147);
        height: r(76);
    }
     

        button{
            margin-top: r(32);
            margin-bottom: r(26);
           width: r(174);
           height: r(76);
          appearance: none;
          background: transparent;
          img{
              width: 100%;
              height: 100%;
            
          }
       }
       .b1{
           margin-left: r(109);
       }
       .b2{
           margin-right: r(103);
       }
}

//底部
footer{ 
    position: absolute;
    bottom: 0;
    width:r(750);
    height: half(150);   
    .foot{ 
        box-sizing: border-box;
        padding-top: half(17);
        width:r(187.5);
        height: half(150);
        background: transparent;
        img{
            display: block;
            width: half(71);
            height: half(73); 
            margin:0 auto;
            margin-top: half(5);
        }
        p{ 
            
            height: half(35);
            font-size: half(25);          
            padding-top: half(10);
            text-align: center;
            a{
                color: black;
            }
           }
}
}